<template>
	<view>
		<dsl-navbar title="心动女生" bgTopImg="white" isBack="" titleRight='审核规则' @rightSubmit='rightSubmit'></dsl-navbar>
		<view class="padding">
			视频审核
		</view>
		<view>
			<view class="rowsc" v-if="video" > 
				<video src="" controls class="upload_image"></video>
			</view>
			<view class="upload_body" v-else @click="upVideoMen()">
				<image src="../../../static/square/imgxiangji-5.png" mode=""></image>
			</view>
		</view>
		<view class="submit" @click="submit">
			提交审核
		</view>
		<view class="align-center rowsc margin-top-xl">
			<image :src="true?'/static/square/imgduihao-1.png':'/static/login/icon_weixuan.png'" mode="" class="icon_select"></image>
			<text style="color: #EAA019;" @click="security()">《安全协议》</text>
			<text>阅读并同意</text>
		</view>
	</view>
</template>

<script>
	import {upVideo} from '@/common/updataImgList.js'
	export default {
		data() {
			return {
				video: ''
			}
		},
		//生命周期函数
		onReady() {},
		onLoad() {},
		onShow() {},
		methods: {
			//心动女生
			rightSubmit(){
				uni.navigateTo({
					url:'videoFormRule'
				})
			},
			//安全协议
			security(){
				uni.navigateTo({
					url:'/pages/plugins/agreement/security'
				})
			},
			//提交审核
			submit(){
				this.$tools.showToast('提交审核')
			},
			//添加视频
			upVideoMen(){
				upVideo()
				.then((res)=>{
					
				})
			}
		},
		computed: {},
		components: {}
	}
</script>

<style lang="scss">
	.upload_image {
		width: 684rpx;
		height: 684rpx;
		opacity: 1;
		border-radius: 15rpx;
		margin-top: 30rpx;
		border-radius: 15rpx;
	}

	.upload_body {
		width: 684rpx;
		height: 684rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient(180deg, #EAA019 0%, #BA4949 100%);
		margin: 0 auto;
		margin-top: 30rpx;
		border-radius: 15rpx;

		image {
			height: 100rpx;
			width: 100rpx;
		}
	}

	.submit {
		width: 600rpx;
		height: 90rpx;
		line-height: 90rpx;
		background: linear-gradient(180deg, #EAA019 0%, #BA4949 100%);
		opacity: 1;
		text-align: center;
		color: white;
		border-radius: 99rpx;
		margin: 0 auto;
		margin-top: 100rpx;
	}
	.icon_select{
		height: 28rpx;
		width: 28rpx;
	}
</style>
